<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <link rel="shortcut icon" type="image/x-icon" href="res/image/logo.png" />
    <meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests">
    <title>离散数学虚拟仿真实验</title>
</head>
<link rel="stylesheet" href="css/bootstrap.css"/>
<script src="js/jQuery.js"></script>
<script src="js/popper.js"></script>
<script src="js/bootstrap.js"></script>

<link rel="stylesheet" href="css/EulerInfo.css"/>
<link rel="stylesheet" href="css/iconfont.css"/>

<body>
    <nav class="navbar navbar-expand-md navbar-dark bg-dark" style="margin-bottom:0px;padding: 10px;">
        <a class="navbar-brand" href="./index.html" style="font-size:1.2rem;">图论仿真实验</a>
        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarsExample04" aria-controls="navbarsExample04" aria-expanded="false" aria-label="Toggle navigation">
            <span class="navbar-toggler-icon"></span>
        </button>
        <div class="collapse navbar-collapse" id="navbarsExample04">
            <ul class="navbar-nav  mr-auto" style="width: 100%;justify-content: flex-end;">
                <li class="nav-item">
                    <a class="nav-link" href="./index.html">首页</a>
                </li>
                <li class="nav-item dropdown active">
                    <a class="nav-link dropdown-toggle" href="#" id="dropdown04" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">欧拉图引入</a>
                    <div class="dropdown-menu" aria-labelledby="dropdown04">
                    <a class="dropdown-item" href="./EulerInfo.html">引入</a>
                    <a class="dropdown-item" href="./undirectedEuler.html">无向欧拉(回)路</a>
                    <a class="dropdown-item" href="./directedEuler.html">有向欧拉(回)路</a>
                    </div>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="./HamiltonianGraph.html">哈密尔顿图</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="./minTree.html">最小支撑树</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="./shortestPath.html" tabindex="-1" aria-disabled="true">最短道路树</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="./optimalBinaryTree.html">最优二叉树</a>
                </li>
                
            </ul>
        </div>
    </nav>
    <!-- 轮播图 start -->
    <div id="carouselExampleControls" class="carousel slide carousel-dark" data-ride="carousel" style="width: 80%;margin-left: 10%;">
    <div class="carousel-inner">
        <div class="carousel-item active">
        <img src="doc/幻灯片1.PNG" class="d-block w-100 img-fluid" alt="...">
        </div>
        <div class="carousel-item">
        <img src="doc/幻灯片2.PNG" class="d-block w-100 img-fluid" alt="...">
        </div>
    </div>
    <button class="carousel-control-prev" style="background: transparent;border: none;" type="button" data-target="#carouselExampleControls"  data-slide="prev">
        <span class="iconfont icon-left text-dark" style="font-size:20pt;font-weight:bold;" aria-hidden="true"></span>
        <span class="sr-only">Previous</span>
    </button>
    <button class="carousel-control-next" style="background: transparent;border: none;" type="button" data-target="#carouselExampleControls"  data-slide="next">
        <span class="iconfont icon-right text-dark" style="font-size:20pt;font-weight:bold;" aria-hidden="true"></span>
        <span class="sr-only">Next</span>
    </button>
</div>
</body>
<script>
     $('.carousel').carousel()
</script>
</html>